<template>
  <!--  经济瞭望、市州纵横、企业动态、最经济  版块  -->
  <div class="news_section_box">
    <div class="news_section_title">
      <div class="news_section_title_pic"><i></i>{{economicData.title}}</div>
    </div>
    <div class="news_section_content">
      <p class="news_section_content_title">全产业链推动轨道交通产业发展</p>
      <div class="news_section_picture"><img src="../../common/img/picture.png" alt=""></div>
      <ul class="news_section_list">
        <li v-for="list in economicData.list"><a>{{list.text}}</a></li>
      </ul>
    </div>
  </div>
</template>

<script>
  export default {
    data(){
      return {}
    },
    props: ['economicData', 'imgFlag'],
    created() {
      console.log(this.economicData);
      console.log(this.imgFlag);
    }
  }
</script>

<style>
.news_section_title{
  height: 26px;
  border-bottom: solid 2px #0790d2;
  background: url("../../common/img/lightGray.png");
}
.news_section_title_pic{
  width: 103px;
  height: 26px;
  color: #fff;
  font-size: 15px;
  background: url("../../common/img/blueBg.png");
}
.news_section_title_pic>i{
  width: 26px;
  height: 26px;
  margin: 0 5px -7px 5px;
  display: inline-block;
  background: url("../../common/img/image.png") no-repeat -10px -49px;
}
.news_section_content_title{
  font-size: 18px;
  padding:  12px 0;
}
.news_section_picture{
  margin-bottom: 7px;
}
.news_section_list li{
  padding: 8px 0 8px 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
}
.news_section_list li:before{
  content: '•';
  position: absolute;
  left: 5px;
  text-align: left;
}
</style>
